﻿<div class="tabs-users">
    <ul>
        <li><a data-ng-class="{active : activeViewPath==='/weightMatricesUpload' || isActive('/weightMatricesUpload') }" href="#/weightMatricesUpload">Upload</a></li>
        <li><a data-ng-class="{active : activeViewPath==='/weightMatricesDownload' || isActive('/weightMatricesDownload') }" href="#/weightMatricesDownload">Download</a></li>
    </ul>
</div><br />
<div style="display: table; width: 99%;">
    <div class="table-row-inp">
        <div class="inp-label">
            Matrix Type
        </div>
        <div class="inp-holder">
            <select class="select-box" style="width: 96%;">
                <option value="0">Default</option>
            </select>
        </div>
    </div>
    <div class="table-spacer">&nbsp;</div>
    <div class="table-row-inp">
        <div class="inp-label">
            Account Name
        </div>
        <select class="select-box" style="width: 96%;" ng-disabled="true"></select>
    </div>
</div>
<br /><br />
<div style="display: table; width: 99%;">
    <div class="table-row-inp">
        <div class="inp-label">
            Matrix Name
        </div>
        <div class="inp-holder">
            <input type="text" class="inp" ng-disabled="true">
        </div>
    </div>
    <div class="table-spacer">&nbsp;</div>
    <div class="table-row-inp">
        <div class="inp-label">
            Matrix File
        </div>
        <div class="inp-holder">
            <input type="file" ng-file-select="weightMatrices.selectFile($files);" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
        </div>
    </div>
    <div class="table-spacer" style="line-height: 23px;">&nbsp;</div>
</div>
<button class="btn-green" ng-click="weightMatrices.uploadWeightMatrix();" ng-disabled="!weightMatrices.selectedFile">Upload</button>
<br /><br />
<div ng-show="weightMatrices.uploadDetails" style="width: 970px;overflow:auto">
    <pre class="pre-error-view">{{weightMatrices.uploadDetails}}</pre>
</div>
<div class="footer-wrap">
    <div class="footer">
        <ul class="footer-nav">
            <li><a href="">Policies</a></li>
            <li><a href="">Sitemap</a></li>
            <li><a href="">Item 3</a></li>
            <li><a href="">Item 4</a></li>
            <li><a href="">Team Sustainalytics</a></li>
        </ul>
        <div class="copyright">
            ©Sustainalytics. All Rights Reserved
        </div>
        <div class="clear">&nbsp;</div>
    </div>
</div>